<template>
<div>
setup入口函数
</div>
</template>

<script>
export default {
  data () {
    return {
      msg: 'vue3'
    }
  },
  //   1. setup 函数是一个新的组件选项，作为组件中组合式API 的起点（入口）
  // 2. setup 中不能使用 this， this 指向 undefined
  // 3. setup函数只会在组件初始化的时候执行一次
  // 4. setup函数在beforeCreate生命周期钩子执行之前执行

  setup () {
    console.log('setup组件实例：', this)
  },
  beforeCreate () {
    console.log('beforeCreate组件实例：', this, this.msg)
  },
  created () {
    console.log('created组件实例：', this, this.msg)
  }
}
</script>

<style>

</style>
